<template>
  <view
    class="info-card"
    :class="{
      padding: padding,
    }"

    :style="{
      'padding': padding ? padNum : '0rpx'
    }"
  >
    <slot></slot>
  </view>
</template>

<script>
export default {
  props: {
    padding: {
      type: Boolean,
      default: true,
    },

    padNum: {
      type: String,
      default: '20rpx'
    }
  },
};
</script>

<style lang="scss" scoped>
.info-card {
  box-shadow: 0rpx 0rpx 20rpx 0rpx rgba(72, 30, 193, 0.1);
  border-radius: 20rpx;
  background-color: white;
}

.padding {
  padding: 20rpx;
}
</style>
